{include file="jptweb/head" /}
<title>新媒体榜单</title>

</head>
<body>
<!--导航栏-->
{include file="jptweb/header" /}
<!--导航栏 end-->

<div class="user_header">
    <div class="main jpt_flex">
        <div class="portrait">
            <img class="" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt="">
        </div>
        <div class="info jpt_flow_item">
            <p class="number">帐号：12345645</p>
            <p class="email">邮箱：12345645@qwe.com</p>
            <p class="role">角色：广告主</p>
        </div>

    </div>

</div>

<div class="main user_w row cl ">
    <aside class="left_nav mt-20 col-md-2">
            <ul>
                <li class="current">
                    <a href="{:url('demo/jptweb/userinfo')}">
                       <span> <img src="/static/jpt/jptweb/img/people.png" class="jpt_icon">
                        资料修改</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" onclick="chongzhi()">&nbsp;&nbsp;
                        <img src="/static/jpt/jptweb/img/money.png" class="jpt_icon">
                        我要充值
                    </a>
                </li>
                <li>
                    <a href="{:url('demo/jptweb/useradv')}">&nbsp;&nbsp;
                        <img src="/static/jpt/jptweb/img/AD.png" class="jpt_icon">
                        广告发布
                    </a>
                </li>
                <li>
                    <a href="{:url('demo/jptweb/useractivity')}">&nbsp;&nbsp;
                        <img src="/static/jpt/jptweb/img/active.png" class="jpt_icon">
                        活动召集
                    </a>
                </li>
                <li>
                    <a href="{:url('demo/jptweb/userwallet')}">&nbsp;&nbsp;
                        <img src="/static/jpt/jptweb/img/AD-qianbao.png" class="jpt_icon">
                        我的钱包
                    </a>
                </li>

            </ul>
    </aside>
    <div  id="tab_userinfo" class="content HuiTab col-md-10 ">


            <div class="tabBar clearfix"><span>帐号信息</span><span>修改密码</span><span>支付宝管理</span></div>
            <div class="tabCon info_modify row cl">
                <form action="" method="post">
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">头像:</div>
                        <div class="cell_bd col-sm-8"><img class="jpt_userimg" src="/static/jpt/jptweb/img/AD-touxiang2.png" alt=""> <a class="cell_ft">修改</a></div>

                    </div>
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">帐号:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="zhanghao" value="12343545" id="zhanghao"></div>

                    </div>

                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">邮箱:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="email" value="123456@qw.com" id="email"></div>
                    </div>
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">角色:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="role" value="123456@qw.com" id="role"></div>
                    </div>
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">用户名:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="username" value="123456@qw.com" id="username"></div>
                    </div>
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">手机号:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="phone" value="123456@qw.com" id="phone"></div>
                    </div>
                    <div class="jpt_form-cell jpt_flex">
                        <div class="cell_hd col-sm-3 text-r">联系QQ:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-M" type="text" name="QQ" value="123456@qw.com" id="QQ"></div>
                    </div>

                    <button class="btn btn-primary radius col-sm-3 col-md-offset-2 mt-20 " type="button" > 保存</button>
                </form>






            </div>
            <div class="tabCon info_modify">
                <form action="" method="post">

                    <div class="jpt_form-cell jpt_flex ">
                        <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>推广名称:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="tgname" value="123456@qw.com" id="tgname"></div>
                    </div>
                    <div class="jpt_form-cell jpt_flex ">
                        <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>验证码:</div>
                        <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="code1" value="123456@qw.com" id="code1"></div>
                        <div class="col-sm-3">
                            <button class="btn btn-primary radius size-L" type="button">发送验证码</button>
                        </div>
                    </div>

                    <button class="btn btn-primary radius col-sm-3 col-md-offset-2 mt-20 " type="button" > 下一步</button>




                </form>




            </div>
        <div class="tabCon info_modify">
            <form action="" method="post">

                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>真实姓名:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="name" value="123456@qw.com" id="name"></div>
                </div>
                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>支付宝账号:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="paynum" value="123456@qw.com" id="paynum"></div>

                </div>

                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>手机号:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="phone" value="12345655748" id="phone1" disabled></div>
                </div>
                <div class="jpt_form-cell jpt_flex ">
                    <div class="cell_hd col-sm-3 text-r"><span class="jd">*</span>验证码:</div>
                    <div class="cell_bd col-sm-6"><input class="jpt_input-2 input-text radius size-L" type="text" name="code2" value="123456@qw.com" id="code2"></div>
                    <div class="col-sm-3">
                        <button class="btn btn-primary radius size-L" type="button">发送验证码</button>
                    </div>
                </div>
                <button class="btn btn-primary radius col-sm-3 col-md-offset-2 mt-20 " type="button" > 保存</button>




            </form>




        </div>



    </div>
</div>











{include file="jptweb/footer" /}
</div>





<script>
    $("#tab_userinfo").Huitab({
        index: 0
    });
function chongzhi() {
    layer.open({
        type: 1,
        title: '充值方式', //不显示标题

        area: ['420px', '240px'], //宽高
        content: '<form class="jpt_layer jpt_Recharge text-c">' +
        '<div class="col-sm-12 mt-20">' +
        '<div class="col-sm-8 col-sm-offset-2">' +
        '<input class="jpt_input-2 input-text radius size-L" type="text" name="code2" placeholder="请输入充值金额" ></div>' +
        '</div>' +
        '<div class="col-sm-12 text-c mt-20">' +
        '<div class="check-box">\n' +
        '    <input type="radio" id="r1" name="pay_sta" value="zhifu" checked>\n' +
        '    <label for="r1"><img src="/static/jpt/jptweb/img/zhifu.png"></label>\n' +
        '  </div>\n' +
        '  <div class="check-box">\n' +
        '    <input type="radio" id="r2" value="pay" name="pay_sta" >\n' +
        '    <label for="r2"><img src="/static/jpt/jptweb/img/pay.png"></label>\n' +
        '  </div>' +
        '</div>' +
        '<button class="btn btn-primary radius bth-sub  mt-20 ">立刻充值</button></form>'
    });
}

</script>
</body>
</html>